<%@ page language="java" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8 " />
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
<!-- -->
<script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery.slidepanel.setup.js"></script>
<script type="text/javascript" src="scripts/jquery.cycle.all.js"></script>
<script type="text/javascript" src="scripts/jquery.cycle.setup.js"></script>
<title>漂书系统</title>
</head>
<body>
	<!-- 登录部分 -->
	<div class="wrapper col0">
		<div id="topbar">
			<div id="slidepanel">
				<div class="topbox"></div>
				<div class="topbox">
					<h2>登录面板</h2>
					<form id="loginForm" action="loginAction" method="post">
						<fieldset>
							<legend>Login Form</legend>
							<label for="username">用户名: <input type="text"
								name="user.username" id="username" value="" />
							</label> <label for="password">密码: <input type="password"
								name="user.password" id="password" value="" />
							</label> <label for="remember"> <input class="checkbox"
								type="checkbox" name="remember" id="remember" checked="checked" />
								记住登录信息<span id="register"><a href="/driftbook/signup.jsp">新用户注册</a></span></label>
							<input type="submit" name="login" id="login" value="登录"
								onclick="change()" /> &nbsp; <input type="reset" name="reset"
								id="reset" value="重置" />
						</fieldset>
					</form>
				</div>
				<br class="clear" />
			</div>
			<div id="loginpanel" style="display: block;">
				<ul>
					<li class="left">登录面板 &raquo;</li>
					<li class="right" id="toggle"><a id="slideit"
						href="#slidepanel">打开面板</a><a id="closeit" style="display: none;"
						href="#slidepanel">关闭面板</a></li>
				</ul>
			</div>
			<div id="userinfopanel" style="display: none;">
				<ul>
					<li class="left">你好，<%=request.getParameter("user.username")%></li>
					<li class="center"><a href="/driftbook/user_info.jsp">我的信息</a></li>
					<li class="right"><a href="/driftbook/drift.jsp">注销登录</a></li>
				</ul>
			</div>
			<br class="clear" />
		</div>
	</div>
	<!--
########################################################################################## -->
	<div class="wrapper col1">
		<div id="header">
			<div id="logo">
				<a href="#"><img id="logoimg" src="images/logo_slat.jpg" /></a>
				<!--<p>漂书系统</p>-->
			</div>
			<div id="topnav">
				<ul>
					<li class="active"><a href="driftAfterLogin.jsp">首页</a></li>
					<li><a href="BreifAction">漂书</a></li>
					<li><a href="search.jsp">搜索</a></li>
					<li class="last"><a href="donate.jsp">捐书</a></li>
				</ul>
			</div>
			<br class="clear" />
		</div>
	</div>
	<!--
########################################################################################## -->
	<div class="wrapper col2">
		<div id="featured_slide">
			<s:iterator value="result" id="book" status="status">
				<div class="featured_box">
					<a href="#"><img src="<s:property value='cover' />" alt=""
						width="211" height="300" /></a>
					<div class="floater">
						<h2>
							<s:property value="#book.bookname" />
						</h2>
						<ul>
							<li>作者：<s:property value="#book.author" /></li>
							<li>出版社：<s:property value="#book.publisher" /></li>
							<li>已飘人数：<s:property value="reader[#status.index].useduser" /></li>
							<li>待飘人数：<s:property value="reader[#status.index].waitinguser" /></li>
							<li>简介：
								<p>
									<s:property value="#book.about" />
								</p>
							</li>
						</ul>
						<p class="readmore">
							<a href="bookdetail?isbn=<s:property value='#book.ISBN' />">借阅此书 &raquo;&raquo;</a>
						</p>
					</div>
				</div>
			</s:iterator>
			</div>
		<div id="fsn">
			<ul id="fs_pagination">
			</ul>
		</div>
	</div>
		<!--
########################################################################################## -->
		<div class="wrapper col3">
			<div id="homecontent">
				<div class="column2">
					<h2>什么是漂书</h2>
					<img class="imgl" src="images/number/1.jpg" alt="" />
					<p>漂书是将自己拥有却不再阅读的书籍，无偿提供给其他书友阅读,书友阅读完后又将书传给下一位书友,这种传递方式类似漂流瓶的供书友无偿传阅的书籍,就是漂书。而参与漂书的人就叫漂书人。</p>
					<h6>漂书的起源</h6>
					<p>漂书起源于20世纪60年代的欧洲，书友将自己不再阅读的图书贴上特定标签，投放到公园、茶馆、商场等公共场所，其他人便可“偶遇”自己感兴趣的书，
						拾取的人阅读之后，根据标签提示，再以相同的方式将该书投放到公共环境中去。同时拾取图书的人有义务在阅读完毕后将自己的感受以日志、趣闻、阅读笔记等形式记录下来。</p>
					<p>这种好书共享方式，让“知识因传播而美丽”。如今，图书漂流的方式已不局限于投放户外一种，越来越多富有想象力的书友在投漂图书时，在投漂说明中设定了自己的漂流规则，使图书的漂流过程变得更加丰富多彩。</p>
					<h6>互联网漂书</h6>
					<p>如今在互联网上，“漂书”逐渐成为一种时尚。在一家将全世界纳为漂流对象的网站上可以看到，几乎每天都有书友发帖询问图书的“漂向”，此外，热心的书友也会随时将手头欲“漂”的书本信息进行发布，以供他人索取。</p>
					<h6>我们的漂书活动</h6>
					<p>我们的漂书活动是由Google赞助，上海大学开源社区负责管理的。所漂书籍为技术开发类书籍（剩余内容待定）</p>
					<br class="clear" />
				</div>
				<hr />
				<div class="column2">
					<h2>怎样参与漂书活动</h2>
					<img class="imgl" src="images/number/2.jpg" alt="" />
					<div class="col2box">
						<h6>1.注册成为我们的用户</h6>
						<p>
							首先，您需要注册成为我们的用户，只有提供了您的联系方式以后，才能参与漂书。<a href="#">
								现在就去注册&raquo;</a>
						</p>
					</div>
					<div class="col2box">
						<h6>2.选择想借阅的书籍</h6>
					</div>
					<div class="col2box">
						<h6>3.阅读完后归还书籍</h6>
					</div>
					<br class="clear" />
				</div>
				<hr />
				<div class="column2">
					<h2>漂书活动的注意事项</h2>
					<img class="imgl" src="images/number/3.jpg" alt="" />
					<h6>如果想要继续借阅</h6>
					<p>请在您的个人信息中点击 “还需要更多阅读时间”
						按钮来延长您的借阅时间。当然，如果待漂的人数过多，您的延期申请将无法成功。</p>
					<h6>书弄丢了怎么办</h6>
					<p>请在您的个人信息中点击 “丢失此书”，具体的事宜会有管理员来联系您的。</p>
					<h6>其他的问题</h6>
					<p>如果您对于漂书事项还有什么不明白的，请联系上海大学开源社区（行健楼602）。</p>
					<br class="clear" />
				</div>
				<hr />
				<div class="column2">
					<h2>为漂书活动出一份力</h2>
					<img class="imgl" src="images/number/4.jpg" alt="" />
					<h6>捐赠书籍</h6>
					<p>您可以将您手边不用的技术类书籍捐赠给我们，只要点击导航栏上的捐书菜单，填写以下您所捐书籍的基本信息，由管理员将剩余的信息补充完整之后，您的捐书信息便会记录进我们的系统，如果有同学需要借阅您的书籍，那么您的书籍就正式开始漂流之旅啦。</p>
					<h6>参加漂书的管理</h6>
					<p>如果您愿意付出自己一些空闲时间作为漂书系统的管理员，为整个漂书活动的正常进行出一份力的话，请联系上海大学开源社区（行健楼602）</p>
					<h6>参与网站的维护</h6>
					<p>我们的网站目前还有许多不完善之处</p>
					<br class="clear" />
				</div>
			</div>
		</div>
		<!-- ####################################################################################################### -->
		<jsp:include page="Link.jsp" />
</body>
</html>